<!-- 
	拓客列表页：
	TODO:关键词标红！！！！！！！
 -->
<template>
	<view style="background-color:#f5f7fa;padding:0 20rpx;">
		<!-- <view style="background-color: #fff;color:#333;" :style="{'height': isios ? '90rpx' : '80rpx'}"></view> -->
		<view class="status_bar" style="background-color: #ffffff; position: fixed;z-index: 1000;"></view>
		<!-- 顶部 tab切换与搜索条  -->
		<u-sticky :customNavHeight="statusHeight">

			<view class="topnav">
				<view class="topnav-item" :class="{'active':comtype===item.key}" v-for="(item,index) in navlist"
					@click="tabChange(item.key)">
					{{item.name}}
				</view>
			</view>
			<view class="search-wrap" style="position: relative;">
				<!-- 选类型模块 -->
				<view>
					<view class="search-wrap-select" @click="togglePopup('method')"
						:class="{active:pickerMethod===true}">
						{{method===1?'按业务':'按名称'}}
						<u-icon name="arrow-down" color="#333" size="18" top="3"></u-icon>
					</view>
					<!-- 
						@change="changePickMethod"
						:showToolbar="false"
					-->
					<u-picker :show="pickerMethod" :columns="methodList" :defaultIndex="[method===1?0:1]"
						@cancel="closePickMethod" @close="closePickMethod" @confirm="confirmPickMethod"
						:closeOnClickOverlay="true"></u-picker>
				</view>
				<view class="search-input">
					<u--input v-model="keyword" confirmType="搜索" :maxlength="25" :clearable="true"
						placeholderStyle="color: #333" :placeholder="placeholderText" border="none"
						@input="getAutocompleteList()" @blur="clearAutocompleteList" @focus="isHeight = true">
					</u--input>

					<!--
						搜索下拉：
						按业务：下拉接口同用户中心顶部接口
						按名称：同企情分析中的搜索下拉接口
					 -->

					<!-- <view class="autolistWrap" v-if="autolist.length">
						<view class="autolistItem" v-for="(item,index) in autolist" :key="index" @click="clickAutolistItem(item)">{{item.title}}</view>
					</view> -->
					<scroll-view class="search-history" v-show="AutocompleteList.length" :scroll-top="searchScrollTop"
						style="top:60rpx;left:0;" scroll-y="true" @scroll="searchScroll">
						<view class="history-list" v-for="(word,index) in AutocompleteList" :key="index"
							@tap.stop="searchByCompleteKeyWord(word.title)" @touchmove="clearListTimeStatus">
							<text v-html="Completeheighthtml(keyword,word.title)" class="hot-list_item"></text>
						</view>
					</scroll-view>
				</view>

				<!-- 图标在手机上不显示? -->
				<u-icon color="#525252" size="22" name="search" @click="searchKeyword"></u-icon>

			</view>

			<!-- 筛选项模块 -->
			<view class="searchFilter" style="position: relative;" v-if="method===1">
				<view @click="togglePopup('diqu')" class="Filter-tab_item">
					<!-- 地区选择 -->
					<text class="Filter-text" :class="{active:diquShow===true}">{{diquName}}</text>
					<text class="Filter-arrowdown"></text>
				</view>
				<view @click="togglePopup('fanwei')" class="Filter-tab_item">
					<!-- 搜索范围 -->
					<text class="Filter-text" :class="{active:fanweiShow===true}">{{this.tag==='1'?'标题':'全文'}}</text>
					<text class="Filter-arrowdown"></text>
				</view>
				<view @click="togglePopup('sort')" class="Filter-tab_item" style="min-width: 120rpx;">
					<!-- 排序方式 -->
					<text class="Filter-text"
						:class="{active:sortShow===true}">{{this.sort===0?'更新时间排序':this.sort===1?'项目次数降序':'项目金额降序'}}</text>
					<text class="Filter-arrowdown"></text>
				</view>
				
				<!-- 筛选下拉！！！！！ -->
				<!-- 地区 :style="{top: topHeight + 'px'}" style="left:auto;" -->
				<view class=" tagPop" v-show="diquShow">
					<u-overlay :show="diquShow" @click="togglePopup('diqu')" style="margin-top:500rpx;"></u-overlay>
					<view class="filterCont filterCont2">
						<diqu :initDiqu.sync='areacode' :areaPop.sync="diquShow" @searchFn="searchFn" />
					</view>
				</view>
				
				<!-- 搜索范围 -->
				<view class=" tagPop" v-show="fanweiShow">
					<u-overlay :show="fanweiShow" @click="togglePopup('fanwei')" style="margin-top:390rpx;"></u-overlay>
					<view class="filterCont filterCont2 fanweiWrap">
						<view class="title">
							搜索模式
						</view>
						<view class="tagWrap">
							<view class="tag-gray-bg" :class="{active:item.key === tag}" v-for="(item,index) in fanweiList"
								@click="clickFanwei(index+1)">{{item.value}}</view>
						</view>
					</view>
				</view>
				
				<!-- 排序方式 -->
				<view class=" tagPop sortPop" v-show="sortShow">
					<u-overlay :show="sortShow" @click="togglePopup('sort')" style="margin-top:390rpx;"></u-overlay>
					<view class="filterCont filterCont2 fanweiWrap">
						<view class="title">
							检索范围
						</view>
						<view class="tagWrap">
							<view class="tag-gray-bg" :class="{active:item.key === sort}" v-for="(item,index) in sortList"
								@click="clickSort(index)">{{item.value}}</view>
						</view>
					</view>
				</view>
			</view>
			
			

		</u-sticky>

		

		<!-- 列表 -->
		<view class="list-wrap" :style="{paddingBottom:isios?'136rpx':'110rpx', paddingTop:statusHeight+'px'}">
			<view class="list-item" v-for="(item,index) in list" v-if="list.length" @click="toDetail(item)">

				<view class="list-item-line1">
					<view class="list-logo">
						{{item.company.slice(0,4)}}
					</view>
					<view style="flex:1;">
						<!-- 关键词 #FE5454  -->
						<view class="line1-top ">{{item.company}}</view>
						<!-- 按业务：业主/供应商 -->
						<view class="line1-bottom" v-if="method===1">
							<view class="tag tag-plain-gray">{{comtype===2?'招标分析':'中标分析'}}</view>
							<view class="tag tag-orange">联系方式</view>
						</view>
						<!-- 按名称：业主/供应商 -->
						<view class="line1-bottom" v-else>
							<view class="tag tag-plain-gray" v-if="item.diqu">{{item.diqu}}</view>
							<view class="tag tag-plain-gray" v-if="item.regstatus">{{item.regstatus}}</view>
							<view class="tag tag-orange">联系方式</view>
						</view>
					</view>
				</view>

				<!-- 按业务：业主/供应商 -->
				<view class="list-item-line2" v-if="method===1">
					<template v-if="comtype===2">
						<view class="list-line2-item">
							<text>历史采购</text>
							<text>{{item.count}}次</text>
						</view>
						<view class="list-line2-item">
							<text>历史采购金额</text>
							<text>{{item.jine!=='--'&& item.jine?item.jine:'查看详情'}}</text>
						</view>
					</template>
					<template v-else>
						<view class="list-line2-item">
							<text>历史中标</text>
							<text>{{item.count}}次</text>
						</view>
						<view class="list-line2-item">
							<text>历史中标金额</text>
							<text>{{item.jine}}</text>
						</view>
					</template>

					<view class="list-line2-item">
						<text>联系人</text>
						<text class="text-blue" v-if="item.lxrNum">{{ item.lxrNum }}</text>
						<text v-else><u-loading-icon text="" mode='semicircle' size="16"></u-loading-icon></text>
					</view>
				</view>

				<!-- 按名称：业主/供应商 -->
				<view class="list-item-line2" v-else>
					<template v-if="comtype===2">
						<view class="list-line2-item">
							<text>近1年招标次数</text>
							<text>{{item.count}}次</text>
						</view>
						<view class="list-line2-item">
							<text>近1年招标总金额</text>
							<text>{{item.jine}}</text>
						</view>
						<view class="list-line2-item">
							<text>最近采购时间</text>
							<text>{{timeDongtai(item.time)}}</text>
						</view>
					</template>
					<template v-else>
						<view class="list-line2-item">
							<text>近1年中标次数</text>
							<text>{{item.count}}次</text>
						</view>
						<view class="list-line2-item">
							<text>近1年中标总金额</text>
							<text>{{item.jine}}</text>
						</view>
						<view class="list-line2-item">
							<text>最近中标时间</text>
							<text>{{timeDongtai(item.time)}}</text>
						</view>
					</template>
				</view>

				<!-- 关键词：蓝色 #2F6DFE  -->
				<!-- <swiper :vertical="true" class="list-item-dongtai" circular :indicator-dots="false"
						:autoplay="true" :interval="3000" :duration="500">
						<swiper-item v-for="(item,index) in [1,2]" :key="index">
							<view class=" list-item-dongtai-item">
								<image mode="heightFix" style="height:25rpx;margin-right:20rpx;"
									src="/static/img/huiyuan/tongzhi.png"></image>动态：2025-02-06中标软件服务的相关内容
							</view>
						</swiper-item>
					</swiper> -->
				<!-- 按 业务 查询时才显示 -->
				<view class="list-item-dongtai" v-if="method===1">
					<u-icon name="volume-fill" color="#2F6DFE" size="18"></u-icon>
					动态：{{timeDongtai(item.time)}}{{comtype===2?'采购了':'中标'}}<text
						class="text-blue">{{searchOverKeyword?searchOverKeyword:'电梯'}}</text>的相关内容
				</view>
			</view>
			<!--   icon="http://cdn.uviewui.com/uview/empty/car.png" -->
			<view v-if="!list.length && this.status!=='loading'" class="null">暂无数据</view>

			<!-- 
				list为空：不显示此处内容，仅显示 列表数据为空
				免费用户及游客：一开始显示loading，加载完后不显示此模块，显示：查看更多，并可点击弹登录/无权限弹窗
			 -->
			<template v-if="!userInfo.isHuiyuan || !currUser.islogin">
				<!-- 用于加载页面时显示loading（列表仅显示20条），加载完成后不显示 -->
				<u-loadmore :status="status" v-if="status==='loading'" />
				<!-- 加载更多：只有付费用户时才显示 游客及免费会员显示 查看更多   v-if="status!=='listNull'" -->
				<view v-if="list.length && status!=='loading'" class="seeMore" @click="checkAuthFn">查看更多<u-icon
						name="arrow-down" color="#106CFF"></u-icon></view>
			</template>
			<u-loadmore :status="status" v-else />
		</view>

		<!-- 底部tabBar -->
		<view class="footBox">
			<navigation></navigation>
		</view>

		<!-- 未登录，免费用户 及 移动客户且查人脉无权限 -->
		<popup-tuoke :showBuyxinxi.sync="showBuyxinxi" :showBuycharenmai.sync="showBuycharenmai"
			:showLogin.sync="showLogin" :isNeedQuanxian.sync="isNeedQuanxian" />

	</view>
</template>

<script>
	import {
		areaMap
	} from '@/util/diction.js'
	import AutocompleteTuoke from '@/mixins/AutocompleteTuoke.js'
	export default {
		name: 'tuoke',
		mixins: [AutocompleteTuoke],
		data() {
			// console.log(1, areaMap)
			return {
				location: 11402,
				statusHeight: 0,
				// autolist: [],
				// 是否展示权限弹窗
				isNeedQuanxian: false,
				// 权限弹窗种类
				showBuyxinxi: false,
				showBuycharenmai: false,
				showLogin: false,

				areaMap,
				// 加载前值为loadmore，加载中为loading，没有数据为nomore
				status: 'loading',
				navlist: [{
					name: '找业主',
					key: 2
				}, {
					name: '查供应',
					key: 4

				}],
				// 企业类型	int	Y	1：代理；2：业主；4/5：供应商
				comtype: 2,
				// 查询方式	int	Y	1：按业务；2：按名称
				method: 1,
				// 搜索类型
				methodList: [
					['按业务', '按名称']
				],
				pickerMethod: false,
				// 电梯
				keyword: '',
				searchOverKeyword:'',
				// 5405 测试无更多数据
				areacode: '',
				tag: '1',
				sort: 0,
				page: 1,
				pagesize: 40,

				diquShow: false,

				list: [],

				fanweiShow: false,
				fanweiList: [{
					value: '标题',
					key: '1',
				}, {
					value: '全文',
					key: '2',
				}],

				sortShow: false,
				sortList: [{
					key: 0,
					value: '更新时间排序'
				}, {
					key: 1,
					value: '项目次数降序'
				}, {
					key: 2,
					value: '项目金额降序'
				}]
			}
		},
		computed: {
			timeDongtai() {
				return (data) => {
					if (typeof(data) === 'number') {
						// 传的秒/毫秒数如： "1743132181"
						return uni.$u.timeFormat(data)
					} else {
						// 传的格式如：2025/3/24 0:00:00
						return uni.$u.timeFormat(+new Date(data))
					}
				}
			},
			diquName() {
				const arr = []
				// areaMap[areacode]
				if (this.areacode == '') {
					return '全国'
				} else {
					this.areacode.split(',').map(item => {
						arr.push(this.areaMap[item])
					})
					return arr.join(',')
				}
			},
			placeholderText() {
				if (this.comtype === 2) {
					if (this.method === 1) {
						return '或产品搜索甲方业主'
					} else {
						return '或产品搜索乙方供应商'
					}
				} else {
					return '输入企业或机构完整名称，增加准确性'
				}
			}
		},
		onLoad() {
			this.statusHeight = uni.getSystemInfoSync().statusBarHeight
			// uni.hideTabBar();
		},
		onShow() {
			console.log('onshow11111')
			// 以防切换帐号时状态没有重置
			this.showBuyxinxi=false;
			this.showBuycharenmai=false;
			// pc会员默认选中按名称method=2，移动会员及游客默认按业务
			if (this.userInfo.ispc) {
				this.method = 2;
			}
			this.searchFn();
			
			if (!this.currUser.islogin) {
				this.showLogin = true;
			} else {
				this.showLogin = false;
				// 获取权限相关信息
				this.getQuanxian()
			}
		},
		onReachBottom() {
			if (this.status === 'nomore') {
				return;
			}
			this.status = 'loading'
			this.page = this.page + 1
			this.searchFn({
				page: this.page
			});
		},
		methods: {
			searchByCompleteKeyWord(keyword) {
				this.keyword = keyword;
				this.AutocompleteList = [];
				this.searchFn({
					page: 1
				})
			},

			tabChange(val) {
				if (val === this.comtype) return
				this.comtype = val;
				this.searchFn({
					comtype: val,
					page: 1
				})
			},
			searchKeyword() {
				// 先判断权限
				if (this.showLogin || this.showBuyxinxi || this.showBuycharenmai) {
					this.isNeedQuanxian = true;
					return;
				}
				
				if (!this.keyword) {
					uni.$u.toast('请输入搜索关键词！');
					return
				}
				
				this.searchFn({
					page: 1,
					keyword: this.keyword
				})
			},
			searchFn(params) {
				if (!params || (params && params.page === 1)) {
					this.status = 'loading'
					this.list = []
				}
				const defaultParams = {
					location: this.location,
					method: this.comtype, // 查询方式	int	Y	1：按业务；2：按名称
					keyword: this.keyword, // 企业名称	string	Y	-
					comtype: this.comtype, // 企业类型	int	Y	1：代理；2：业主；4/5：供应商
					areacode: this.areacode, // 地区code（前缀格式）	string	N	-
					tag: this.tag, // 搜索范围	int	N	1：标题；2：全文（标题+内容）
					sort: this.sort, // 排序方式	int	N	0：更新时间倒序；1：项目次数降序；2：项目金额降序
					pccompany:0, // 0排除带有关键词的业主
					page: this.page, // 页码	int	Y	-
					pagesize: this.pagesize, // 每页条数	int	Y	-
				}
				const newParams = Object.assign({}, defaultParams, params)
				uni.$u.http
					.post('/User/tuoke/SearchListHandler.ashx', newParams)
					.then(rs => {
						// 更新动态中的关键词，不能用实时keyrord，只有点击搜索按钮后才可以更新此变量
						this.searchOverKeyword=this.keyword;
						
						// this.list = rs.data && rs.data.list || []
						const dataList = rs.data && rs.data.list || []
						if (this.page === 1) {
							this.list = []
						}

						if (dataList.length < this.pagesize) {
							this.status = 'nomore'
						}

						let companys = []
						dataList.map(item => {
							companys.push(item.company)
						})

						this.list = this.list.concat(dataList)
						
						if(this.list.length){
							this.getLianxirenData(companys.join(','));
						}
						

					}).catch(err => {
						uni.$u.toast(err.msg || '服务器异常！');
						this.status = "listNull"
					});

			},

			getLianxirenData(company) {
				// 获取联系人数据
				uni.$u.http
					.post('/public/GetLxrCountByCompanyHandler.ashx', {
						company: company
					})
					.then(rs => {
						const lxrObj = rs.list;
						const arr = []

						this.list.map((item, index) => {
							item.lxrNum = lxrObj[item.company]
							arr.push(item)
						})
						this.list = arr;
					}).catch(err => {
						uni.$u.toast(err.msg || '服务器异常！');
						this.status = "listNull"
					});
			},
			closePickMethod() {
				this.pickerMethod = false;
			},
			confirmPickMethod(data) {
				this.method = data.indexs[0] + 1
				this.pickerMethod = false;
				this.searchFn({
					page: 1,
					method: this.method
				})
			},
			togglePopup(val) {
				if (!this.checkAuthFn()) {
					return;
				}
				if (val === 'method') {
					this.pickerMethod = !this.pickerMethod;
					this.diquShow = false
					this.fanweiShow = false
					this.sortShow = false
				} else if (val === 'diqu') {
					this.diquShow = !this.diquShow
					this.fanweiShow = false
					this.sortShow = false
					this.pickerMethod = false
				} else if (val === 'fanwei') {
					this.fanweiShow = !this.fanweiShow
					this.diquShow = false
					this.sortShow = false
					this.pickerMethod = false
				} else if (val === 'sort') {
					this.sortShow = !this.sortShow
					this.diquShow = false
					this.fanweiShow = false
					this.pickerMethod = false
				}
			},
			// 无权限用户的点击事件，查看更多（未登录及免费用户）
			checkAuthFn() {
				// 未登录；免费用户，提示无权限；移动端会员及以上且用户无查人卖权限
				if (this.showLogin || this.showBuyxinxi || this.showBuycharenmai) {
					this.isNeedQuanxian = true;
					return false
				}
				return true;

			},
			toDetail(item) {
				// 先判断权限
				if (this.showLogin || this.showBuyxinxi || this.showBuycharenmai) {
					this.isNeedQuanxian = true;
				} else {
					// /pages/qiqing/index
					// http://223.bidcenter.com.cn:8080/#/pages/qiqing/index?companyName&comcode=&vcode=&type=2
					// 企情分析中的：type:  2--业主  4--供应商 1--代理
					// 此页面中的换业主，查供应： 1：代理；2：业主；4/5：供应商
					uni.navigateTo({
						url: '/pages/qiqing/index?companyName=' + item.company + '&comcode=' + item.comcode +
							'&vcode=' + item.vcode + '&type=' + this.comtype
					})
				}
			},
			clickFanwei(val) {
				this.tag = val + '';
				this.togglePopup('fanwei')
				this.searchFn({
					page: 1
				})
			},
			clickSort(val) {
				this.sort = val;
				this.togglePopup('sort')
				this.searchFn({
					page: 1
				})
			},

			getQuanxian() {
				uni.$u.http
					.post('/public/ValidateAutMoHandler.ashx', {
						location: this.location,
						// 企业详情页中需要传，详情页外不需要传
						// comcode: this.comcode,
						// vcode: this.vcode,
						mids: '1,247,251,248,252,253,254,255,256'
					})
					.then(rs => {
						console.log(111,rs)
						// 返回参数中 “1”的isallow为true,说明有会员权限，在判断255权限，如果255的isAllow是true，则什么都不弹 ，否则弹购买查人脉,showBuycharenmai设置为true
						// ”1“的isallow为false 弹购买信息会员+查人脉,showBuyxinxi设置为true
						const data = rs.list || []
						
						for(let i=0; i<data.length; i++){
							if(data[i].mid== 1 && !data[i].isAllow){
								this.showBuyxinxi = true
								return
							}
							// 产品说列表页不判断此权限，在详情里判断就行 20250410
							// if(data[i].mid === 255 && !data[i].isAllow ){
							// 	this.showBuycharenmai =true;
							// }
							
						}
					})
					.catch(err => {
						uni.$u.toast(err.msg || '接口异常');
					});
			},
		}
	}
</script>
<style>

</style>
<style scoped lang='scss'>
	/* page {
		background-color: #f5f7fa;
		padding: 0 20rpx;
	} */

	.topnav {
		display: flex;
		justify-content: left;
		margin-left: -10rpx;
		margin-bottom: -10rpx;
		background-color: #fff;

		&-item {
			font-weight: bold;
			font-size: 32rpx;
			color: #2F6DFE;
			background: url('/static/img/tuoke/nav-bg2.png') no-repeat center center;
			background-size: 100%;
			/* 184 79   165 60*/
			width: 184rpx;
			height: 79rpx;
			/* padding:10rpx; */
			line-height: 79rpx;
			text-align: center;
			/* box-shadow: 0px 0px 7px 1px rgba(13,63,180,0.2); */
			position: relative;
			z-index: 0;

			&.active {
				color: #fff;
				background-image: url('/static/img/tuoke/nav-bg2-active.png');
				z-index: 1;

			}

			&:nth-child(2) {
				margin-left: -20rpx;
			}
		}
	}

	.search-wrap {
		display: flex;
		align-items: center;
		background-color: #fff;
		padding: 23rpx 27rpx;
		z-index: 1;
		position: relative;
		/* top: -10rpx; */

		&-select {
			display: flex;
			align-items: center;
			border-right: 1px solid #999CA4;
			padding-right: 25rpx;

			&.active {
				color: #2F6DFE;
			}

			view {
				margin-left: 6rpx;
				margin-bottom: 6rpx;
			}
		}
	}

	.search-input {
		padding-left: 25rpx;
		flex: 1;
		position: relative;
		/* .autolistWrap{
			width: 100%;
			box-sizing: border-box;
			padding:20rpx;
			background-color: #fff;
			position: absolute;
			z-index:1;
			top:76rpx;
			left:0;
			border:1px solid #E9E9EB;
			line-height: 60rpx;
			max-height: 500rpx;
			overflow-y: auto;
			font-size:28rpx;
		} */
	}


	.searchFilter {
		display: flex;
		flex-direction: row;
		align-items: center;
		background-color: #f5f7fa;
		height: 90rpx;
		/* box-shadow: 0rpx 0rpx 10rpx 0rpx rgba(169, 169, 169, 0.12);
		border-radius: 8rpx; */

		.Filter-tab_item {
			flex: 1;
			width: 25%;
			display: flex;
			flex-direction: row;
			font-size: 28rpx;
			align-items: center;
			justify-content: center;

			.Filter-text {
				white-space: nowrap;
				max-width: 64%;
				text-overflow: ellipsis;
				overflow: hidden;

				&.active {
					color: #2F6DFE;
				}
			}

			.Filter-arrowdown {
				width: 0;
				height: 0;
				border-left: 10rpx solid transparent;
				border-right: 10rpx solid transparent;
				border-top: 10rpx solid #c0c0c0;
				margin-left: 10rpx;
			}
		}

		/* .on {
				color: #2f69e0;

				.Filter-arrowdown {
					border-top: 10rpx solid #2F69E0;
				}
			} */
	}

	.list-wrap {
		padding-bottom: 110rpx;

		.list-item {
			background-color: #fff;
			padding: 17rpx 14rpx;
			font-size: 24rpx;
			color: #333;
			margin-bottom: 20rpx;
		}

		.list-item-line1 {
			display: flex;
			align-items: flex-start;
			overflow: hidden;
		}

		.list-logo {
			width: 102rpx;
			height: 102rpx;
			line-height: 1.1;
			background: #E9F0FF;
			border-radius: 10px;
			padding: 12rpx 16rpx;
			box-sizing: border-box;
			color: #2F6DFE;
			font-size: 34rpx;
			text-align: center;
			margin-right: 21rpx;
			flex: none;
		}

		.line1-top {
			font-size: 32rpx;
			font-weight: bold;
			width: 550rpx;
		}

		.line1-bottom {
			display: flex;
			margin-top: 19rpx;

			view {
				margin-right: 19rpx;
			}
		}

		.list-item-line2 {
			display: flex;
			/* 39rpx 20rpx */
			padding: 30rpx 20rpx;
			text-align: center;

			view {
				flex: 1;
			}
		}

		.list-line2-item {
			display: flex;
			flex-direction: column;

			text:nth-child(1) {
				color: #6C717E;
				margin-bottom: 6rpx;
			}

		}

		.list-item-dongtai {
			display: flex;
			line-height: 70rpx;
			height: 70rpx;
			background: #F0F5FF;
			box-shadow: 0rpx 0rpx 10rpx 0rpx rgba(169, 169, 169, 0.12);
			border-radius: 8rpx;
			font-size: 26rpx;
			padding: 0 23rpx;

			view {
				margin-right: 9rpx;
			}
		}
	}

	/* .list-item-dongtai {
		text-align: left;
		line-height: 70rpx;
		height: 70rpx;
		background: #F0F5FF;
		box-shadow: 0rpx 0rpx 10rpx 0rpx rgba(169, 169, 169, 0.12);
		border-radius: 8rpx;
		font-size: 26rpx;
		padding: 0 23rpx;


		&-item {
			display: flex;
			align-items: center;

		}
	} */
	.tagPop {
		z-index: 11;
		width: 100vw;
		height: 100%;
		position: absolute;
		left: 0;
		top:90rpx;
		margin-left:-20rpx;
		
	}

	.filterCont {
		position: relative;
		z-index: 10070;
		width: 100%;
		height: 100%;
	}

	.filterCont2 {
		height: auto;
		background-color: #fff;

	}

	.u-skeleton__wrapper__content__rows {
		width: 100% !important;
	}

	.u-popup .u-icon__icon {
		color: #333 !important;
	}

	.fanweiWrap {
		padding-bottom: 50rpx;

		.title {
			font-size: 30rpx;
			padding: 30rpx 30rpx;
			display: flex;
			flex-direction: row;
			align-items: center;
		}

		.tagWrap {
			display: flex;
			flex-direction: row;
			margin: 0 15px;
		}

		.tag-gray-bg {
			font-size: 28rpx;
			padding: 0rpx 30rpx;
			background-color: #f6f6fa;
			border: 1rpx solid #f6f6fa;
			box-sizing: border-box;
			border-radius: 3px;
			margin-right: 5px;
			min-width: 150rpx;
			text-align: center;
			height: 70rpx;
			line-height: 70rpx;
			color: #3B3E45;
			box-sizing: border-box;
		}

		.tag-gray-bg.active {
			color: #2F6DFE;
			background-color: #f3f6ff;
			border-width: 1px;
			border-style: solid;
			border-color: #2F6DFE;
		}
	}

	.sortPop .tag-gray-bg {
		padding: 0 24rpx;
	}

	.null {
		text-align: center;
		padding: 24rpx;
		color: #999;
		font-size: 28rpx;
	}

	.seeMore {
		display: flex;
		justify-content: center;
		padding: 50rpx 0 68rpx;
		text-align: center;
		color: #106CFF;
		font-size: 28rpx;
	}
</style>